<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>ws</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				box-sizing: border-box;
			}
			
			.ull_w li {
				float: left;
				padding: 5px 20px;
				border-right: 1px solid #cccccc;
				font-size: 16px;
			}
			
			.div_w>div {
				float: left;
				margin-right: 20px;
			}
			
			table {
				width: 100%;
				text-align: center;
				margin-top: 30px;
			}
			td{
				font-size: 14px;
				color: #CCCCCC;
			}
		</style>

	</head>

	<body>
		<div style="width: 96%;margin: 50px auto;">
			<ul class="ull_w" style="width:850px; overflow: hidden; border: 1px solid #cccccc; margin-bottom: 30px;">
				<li>新增</li>
				<li>修改</li>
				<li>删除</li>
				<li>置顶</li>
				<li>取消置顶</li>
				<li>添加免责声明</li>
				<li>删除免责声明</li>
				<li>推荐</li>
				<li style="border-right: none;">取消推荐</li>
			</ul>
			<div class="div_w" style="width: 100%; overflow: hidden;">
				<div>文章名称：<input type="text" style="border: none; width: 100px; border-bottom: 1px solid #cccccc;" /></div>
				<div>文章状态
					<select style="width: 50px;">
						<option></option>
					</select>
				</div>
				<div>专题ID：<input type="text" style="border: none; width: 60px; border-bottom: 1px solid #cccccc;" /></div>
				<div>专题名称：<input type="text" style="border: none; width: 60px; border-bottom: 1px solid #cccccc;" /></div>
				<div>专题状态：
					<select style="width: 50px;">
						<option></option>
					</select>
				</div>
				<div>频道：
					<select style="width: 50px;">
						<option></option>
					</select>
				</div>
				<button style="float: left; border: none; width: 60px; padding: 5px; border: 1px solid #cccccc;text-align: center; font-size: 14px; border-radius: 10px; background:#ffffff;">搜索</button>
			</div>
			<table border="1" cellspacing="0" cellpadding="0">
				<tr>
					<td>选择</td>
					<td>ID</td>
					<td>标题</td>
					<td>状态</td>
					<td>专题ID</td>
					<td>专题名称</td>
					<td>专题状态</td>
					<td>点击数</td>
					<td>。。。</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>1</td>
					<td>文章xxxxxxxxx</td>
					<td>待审核</td>
					<td>1</td>
					<td>文章xxxxxxxxx</td>
					<td>待审核</td>
					<td>13</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>2</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>1</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>14</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>3</td>
					<td>文章xxxxxxxxx</td>
					<td>已发布</td>
					<td>2</td>
					<td>文章xxxxxxxxx</td>
					<td>已发布</td>
					<td>99</td>
					<td></td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>4</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>3</td>
					<td>文章xxxxxxxxx</td>
					<td>待发布</td>
					<td>0</td>
					<td></td>
				</tr>
			</table>
		</div>
	</body>

</html>